﻿<%@ Page Title="" Language="C#" MasterPageFile="~/GruposMaster.master" AutoEventWireup="true" CodeBehind="NuevoEvento.aspx.cs" Inherits="smartvoid.secciones.sub.NuevoEvento" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head2" runat="server">
    <style type="text/css">
    table.hovertable {
	    font-family: verdana,arial,sans-serif;
	    font-size:11px;
	    color:#333333;
	    border-width: 1px;
	    border-color: #999999;
	    border-collapse: collapse;
        width:100%;
    }
    table.hovertable th {
	    background-color:#C7C7C7;
	    border-width: 1px;
	    padding: 8px;
	    border-style: solid;
	    border-color: #999999;
    }
    table.hovertable tr {
	    background-color:#EAEAEA;
    }
    table.hovertable td {
	    border-width: 1px;
	    padding: 8px;
	    border-style: solid;
	    border-color: #999999;
    }
    </style>
    <link href="/css/Group.css" rel="stylesheet" type="text/css" />
    <link href="/css/Calendario.css" rel="stylesheet" type="text/css" />
    <link href="/css/NuevoEvento.css" rel="stylesheet" type="text/css" />
    <link href="/css/StylePrincipal.css" rel="stylesheet" type="text/css" />
    <link href="/css/calendar-blue.css" rel="stylesheet" type="text/css" />
    <script src="/javascript/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script src="/javascript/jquery.dynDateTime.min.js" type="text/javascript"></script>
    <script src="/javascript/calendar-en.min.js" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cuerpo" runat="server">
<div class="cssRecuadroEventos">
<div class="cssRecuadroNuevoEvento">
    <div id="idContenedorTitleEvento" class="ContenedorTitleEvento">
        <div id="idImagenEvento" class="ImagenEvento">
            <img src="/img/iconsGroup/AgregarEvCalendario.png" id="idImgAgregarNovedad" />
        </div>
        <div id="idTextoCalendario" class="TextoCalendario">           	
            <span class="style1"><strong>Crear Evento</strong></span>
            <br />
            El evento será visible en el calendario de todos los integrantes del grupo. 
        </div>
    </div>

    <div id="idCuerpoEvento" class="CuerpoEvento">
        <div id="idNombreEvento" class="NombrEvento">
            <div class="IzquierdaEvento">
                Nombre Evento:
            </div>
            <div class="DerechaEvento">     
                <asp:TextBox ID="txtNombreEvento" runat="server" Width="350px"></asp:TextBox>      
            </div>
        </div>
        <div id="idFechaEventoInicio" class="FechaEvento">
             <div class="IzquierdaEvento">
                Fecha Inicio:
            </div>
            <div class="DerechaEvento">
                 <asp:TextBox ID="txtFechaInicio" runat="server" ReadOnly = "false"></asp:TextBox>
                 <img src="/img/calender.png" />
                 <script type="text/javascript">
                     $(document).ready(function () {
                         $("#<%=txtFechaInicio.ClientID %>").dynDateTime({
                             showsTime: false,
                             ifFormat: "%d/%m/%Y",
                             daFormat: "%l;%M %p, %e %m, %Y",
                             align: "BR",
                             electric: false,
                             singleClick: false,
                             displayArea: ".siblings('.dtcDisplayArea')",
                             button: ".next()"
                         });
                     });  
                     </script>
             </div>   
        </div>
        <div id="idFechaEventoFin" class="FechaEvento">
             <div class="IzquierdaEvento">
                Fecha Fin:
            </div>
            <div class="DerechaEvento">
                 <asp:TextBox ID="txtFechaFin" runat="server" ReadOnly = "false"></asp:TextBox>
                 <img src="/img/calender.png" />
                 <script type="text/javascript">
                     $(document).ready(function () {
                         $("#<%=txtFechaFin.ClientID %>").dynDateTime({
                             showsTime: false,
                             ifFormat: "%d/%m/%Y",
                             daFormat: "%l;%M %p, %e %m, %Y",
                             align: "BR",
                             electric: false,
                             singleClick: false,
                             displayArea: ".siblings('.dtcDisplayArea')",
                             button: ".next()"
                         });
                     });  
                     </script>
             </div>   
        </div>
        <div id="idLugarEvento" class="LugarEvento">
            <div class="IzquierdaEvento">
                Lugar:
            </div>
            <div class="DerechaEvento">     
                <asp:TextBox ID="txtLugar" runat="server" Width="350px"></asp:TextBox>      
            </div>
        </div>
        <div id="idDescripcionEvento" class="DescripcionEvento">
            <div class="IzquierdaEvento">
                Descripcion:
            </div>
            <div class="DerechaEvento">     
                <asp:TextBox ID="txtDescripcion" runat="server" Width="350px" Height="120px" 
                    TextMode="MultiLine"></asp:TextBox>      
            </div>
            <br />
            <asp:Button ID="btnOk" runat="server" BackColor="#009933" BorderColor="#CCCCCC" 
                Font-Bold="True" Font-Size="Small" ForeColor="White" Height="30px" Text="Ok" 
                Width="100px" OnClick="btnOk_Click" />
        </div>
    <div style=" margin: 10px; float:left;">
        <asp:PlaceHolder ID="Tabla" runat="server"></asp:PlaceHolder>
    </div>
    </div>
</div>
</div>
</asp:Content>
